<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>

export default {
  mounted() {

  },
  // // 在页面根组件的created内进行数据中转、暂存处理；
  // created() {
  //   // 监听浏览器刷新事件，浏览器执行刷新时，刷新之前将vuex中的数据做暂存处理；
  //   window.addEventListener('beforeunload', () => {
  //     localStorage.setItem('store', JSON.stringify(this.$store.state))
  //   })
  //   // 刷新完成后会再次执行created等生命周期，所以这里判断如果本地存储内有对应数据则直接对vuex进行赋值处理
  //   if (localStorage.getItem('store')) {
  //     // 注意：单纯的使用JSON.parse(JSON.stringify(...))会报错，所以此处使用replaceState进行赋值
  //     this.$store.replaceState(Object.assign({}, JSON.parse(localStorage.getItem('store'))))
  //     // 这里赋值之后及时清除本地存储内的数据，以免暴露某些敏感数据
  //     localStorage.removeItem('store')
  //     console.log(this.$store.state)
  //   }
  // },
}
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
}

// 自定义进度条颜色
#nprogress .bar {
  background: #F811B2 !important; //自定义颜色
}
</style>
